<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>QQ彩贝高级搜索</title>
		<style type="text/css">
			#tt{
				visibility: hidden;
			}
			#main{
				
				height: 320px;width: 250px;border: 1px solid lightgray;margin:10px auto;}
			hr{width: 153px;background-color: red;height: 3px;margin-left: 24px;}
			h1{text-indent: 19px;}
			#no1{
				height: 30px;margin-left: 24px;
			}
			#no2{
				height: 30px;margin-left: 136px;margin-top: 20px;
			}
			
			#main:hover #tt{
				visibility: visible;
			}
			
		</style>
	</head>
	<body>
		<div id="main">
			<h1>高级搜索</h1>
			<hr />
			<div class="do1"><input id="no1" type="text" value="请输入关键字" /></div>
			
			<input id="no2" type="button" value="搜索" />
			
		
            <table id="tt" >
            	<tr>
            		<td>
            	<select>
            		<option selected="selected">场合</option>
            		<option>北京</option>
            		<option>上海</option>
            	</select></td>
            	<td>
            	<select>
            		<option selected="selected">性别</option>
            		<option>男</option>
            		<option>女</option>
            		
            	</select></td>
            	</tr>
            	
            	<tr>
            		<td>
            	<select>
            		<option selected="selected">风格</option>
            		<option>日系</option>
            		<option>韩系</option>
            		
            	</select></td>
            	<td>
            	<select>
            		<option selected="selected">色系</option>
            		<option>暗黑</option>
            		<option>小清新</option>
            		
            	</select></td>
            	</tr>
            	<tr>
            		<td>
            	<select>
            		<option selected="selected">价格</option>
            		<option>100-200</option>
            		<option>200以上</option>
            		
            	</select></td>
            	<td>
            	<select>
            		<option selected="selected">年龄</option>
            		<option>20岁以下</option>
            		<option>30岁以下</option>
            		
            	</select></td>
            	</tr>
            	<tr>
            		<td>
            	<select>
            		<option selected="selected">季节</option>
            		<option>春夏</option>
            		<option>秋冬</option>
            		
            	</select></td>
            	</tr>
            	
            	
            </table>	
           
            
			<br />
		</div>
		
		
	</body>
</html>
